<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"> 

<h:head></h:head> 
<body>

			
		<div align="right"><h:form><h:outputLabel value="#{loginBean.usuario}" style="color:blue;"/><h:commandButton action="#{loginBean.logout()}" value="Logout"/></h:form> </div>	

        <rich:toolbar>  
        				ADMINISTRACION/CREAR-CUENTA
        </rich:toolbar>
     
		
    				
		<h:form>
        <rich:toolbar  > 
                        <h:commandButton action="/home.xhtml?faces-redirect=true"  value="HOME" />
						<h:commandButton action="/menu-clientes.xhtml?faces-redirect=true" value="CLIENTE"/>
						<h:commandButton action="/menu-administracion.xhtml?faces-redirect=true" value="ADMINISTRACION" />
        		
        </rich:toolbar>
        
		</h:form>        

    <rich:panel>       
        <center style="font-size: 10pt">
        	<h:form >
       			<h:panelGrid columns="3" cellpadding="5">
       				<h:outputLabel value="Tipo Cuenta  " />
       				<h:selectOneMenu value="#{ingresarCuentaBean.cueEntity.ctaTipo}" id="cmbTipoCuenta">
			        	<f:selectItem itemValue="Ahorros" itemLabel="Ahorros" />
			   			<f:selectItem itemValue="Corriente" itemLabel="Corriente" />
			   			<f:validateRequired/>			
			      	</h:selectOneMenu>
			    	<h:message for="cmbTipoCuenta" style="color:red"/>   			
       			
       				<h:outputLabel value="Numero de Cuenta:  " />
					<h:inputText value="#{ingresarCuentaBean.cueEntity.ctaId}" id="txtNumero">
						<f:validateRequired/>
					</h:inputText>			
					<h:message for="txtNumero" style="color:red"/>
       				
       				<h:outputLabel value="Saldo de Cuenta:  " />
			 		<h:inputText value="#{ingresarCuentaBean.cueEntity.ctaSaldo}" id="txtSaldo">
						<f:validateRequired/>
					</h:inputText>			
					<h:message for="txtSaldo" style="color:red"/>
	       		
       				<h:outputLabel value="Propietario de Cuenta:  " />
       				<h:inputText value="#{ingresarCuentaBean.val}">
       					<f:ajax event="keyup" execute="@this" render="cmbClientes" listener="#{ingresarCuentaBean.buscarPropietario()}"/>
       				</h:inputText>
					<h:selectOneMenu value="#{ingresarCuentaBean.cliente}" id= "cmbClientes">
						<f:selectItems value="#{ingresarCuentaBean.clientes}"
									   var="cliente"
									   itemValue="#{cliente}"
									   itemLabel="#{cliente.cliCedula} #{cliente.cliNombre}"									   
									   >																		
						</f:selectItems>
						<f:converter converterId="convertidor.ClienteConverter"/>
						<f:ajax event="click" execute="@this" render="labelSelec"/>
					</h:selectOneMenu>
					
					<h:outputLabel id ="labelSelec" value="Seleccionado : #{ingresarCuentaBean.cliente.cliCedula}" style="color:blue"/>
					
					<h:outputLabel value="Estado de Cuenta:  " />
					<h:selectOneMenu value="#{ingresarCuentaBean.cueEntity.ctaEstado}" id="cmbEstadoCuenta">
			        	<f:selectItem itemValue="Activo" itemLabel="Activo" />
			   			<f:selectItem itemValue="Inactivo" itemLabel="Inactivo" />
			   			<f:validateRequired/>			
			      	</h:selectOneMenu>
			    	<h:message for="cmbEstadoCuenta" style="color:red"/>						
       		
       			</h:panelGrid>
       			<p:growl id="mensaje" showDetail="true" sticky="4000"/>
       			<h:commandButton value="Guardar" action="#{ingresarCuentaBean.guardar()}" style="width:90px;height:35px;font-size: 11pt">
					<f:ajax execute = "@form" render="@form"/>
				</h:commandButton>
    		</h:form>      
       	</center>
	</rich:panel>
</body> 
</html>